// General
$baseFontSize: 14px;

$mainColor1: #8741ed;
$mainColor2: #6494f4;
$mainColor3: #00e5fd;

$gradient: linear-gradient(45deg, $mainColor1 0%, $mainColor3 100%);
$gradientRtl: linear-gradient(-45deg, $mainColor1 0%, $mainColor3 100%);

$textColor: #666;
$textColorLight: #aaa;
$textColorLight2: #ccc;
$textColorInverted: #fff;
$contentBackground: #fff;
$bodyBackground: #f2f2f2;

$colorSuccess: #5eba7d;
$colorNotice: #f5c525;
$colorError: #f99;

// Settings
$settingsHeaderHeight: 50px;
$settingsMenuWidth: 250px;
$settingsMenuBackground: #322e2f;
$settingsMenuHoverBackground: rgba(255, 255, 255, 0.07);

// New tab
$newTabSearchWidth: 630px;
$newTabSearchHeight: 54px;

// Sidebar
$contentBackground2: #f5f5f5;
$scrollBarBackground: #ccc;
$contextMenuIconColor: #ccc;
$reorderIconColor: #aaa;
$reorderIconColorActive: #888;
$removedBackground: #ddd;
$tooltipTextColor: #fff;
$tooltipBackground: #444;
$separatorColor: rgba(0, 0, 0, 0.15);

$darkContentBackground: #3d3d3d;
$darkContentBackground2: #4d4d4d;
$darkScrollBarBackground: #999;
$darkContextMenuIconColor: #999;
$darkReorderIconColor: #bbb;
$darkReorderIconColorActive: #eee;
$darkRemovedBackground: #666;
$darkTooltipTextColor: #eee;
$darkTooltipBackground: #222;
$darkSeparatorColor: rgba(255, 255, 255, 0.15);

$demoColors: #37bf99 #d737d5 #3e6bf2 #f4572f #f74b58 #f5a2bf #1a90ba #b4bd0e #fdde32 #8ccbce;

// Dynamic
$__colorScheme: "%colorScheme";
$__foregroundColor: "%foregroundColor";
$__textColor: "%textColor";
$__hoverColor: "%hoverColor";
$__sidebarWidth: "%sidebarWidth";
$__sidebarHeaderHeight: "%sidebarHeaderHeight";
$__overlayHeaderHeight: "%overlayHeaderHeight";
$__sidebarMaskColor: "%sidebarMaskColor";
$__bookmarksFontSize: "%bookmarksFontSize";
$__bookmarksIconSize: "%bookmarksIconSize";
$__directoriesIconSize: "%directoriesIconSize";
$__bookmarksLineHeight: "%bookmarksLineHeight";
$__bookmarksDirIcon: "%bookmarksDirIcon";
$__bookmarksDirColor: "%bookmarksDirColor";
$__bookmarksDirIndentation: "%bookmarksDirIndentation";
$__bookmarksHorizontalPadding: "%bookmarksHorizontalPadding";
$__tooltipFontSize: "%tooltipFontSize";
$__scrollBarWidth: "%scrollBarWidth";
$__indicatorWidth: "%indicatorWidth";
$__indicatorIconSize: "%indicatorIconSize";
$__indicatorIconColor: "%indicatorIconColor";
$__indicatorColor: "%indicatorColor";
$__overlayMaskColor: "%overlayMaskColor";

$__backgroundTransparency: "%backgroundTransparency";
$__backgroundBlur: "%backgroundBlur";

$__fontFamily: "%fontFamily";
$__fontWeightThin: "%fontWeightThin"; // 100
$__fontWeightExtraLight: "%fontWeightExtraLight"; // 200
$__fontWeightLight: "%fontWeightLight"; // 300
$__fontWeightNormal: "%fontWeightNormal"; // 400
$__fontWeightMedium: "%fontWeightMedium"; // 500
$__fontWeightSemiBold: "%fontWeightSemiBold"; // 600
$__fontWeightBold: "%fontWeightBold"; // 700
$__fontWeightExtraBold: "%fontWeightExtraBold"; // 800
$__fontWeightBlack: "%fontWeightBlack"; // 900